<script setup>
import { ElMessageBox } from 'element-plus'

const dialogVisible=()=>{
  ElMessageBox('csscss')
}
</script>

<template>
    <!-- 路由以后的展示位置 -->
     <router-link to="/">首页</router-link>||
     <router-link to="/product">出行服务</router-link>||
     <router-link to="/cart">订单</router-link>||
     <router-link to="/user">我的</router-link>||
<router-view></router-view>
<div class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </div>

  <el-button :plain="true" @click="dialogVisible">
    Click to open the Dialog
  </el-button>
</template>

<style scoped>

</style>